﻿
<hi:common_new_header runat="server" skinname="/ascx/JsNewTags/Skin-Common_New_Header.ascx" />
<link href="http://res.juseshop.com/templates/master/jusekeji/style/wnxd_detail.css" rel="stylesheet" />
<script type="text/javascript" src="http://res.juseshop.com/templates/master/jusekeji/script/wnxd.js"></script>

<link href="http://res.juseshop.com/templates/master/jusekeji/style/detailspage.css" rel="stylesheet" />
<div class="shop_buy">
    <h4></h4>
    <span><a href="javascript:void($('.shop_buy').hide());">确定</a></span>
</div>
<div class="details_content clearfix">
    <div id="divshow" class="dialog">
        <div class="dialog_title">
            <div class="dialog_title_l"><span>成功添加到购物车</span></div>
            <div class="dialog_title_r"></div>
        </div>
        <div class="dialog_cartitem">
            <p>目前选购商品共<span id="spcounttype">0</span>件　合计：<span>￥<span id="sptotal">0.00</span></span>元</p>
            <div class="btnbar"><a class="btn-viewcart" href="#" target="_self"></a><a class="btn-continue"></a></div>
        </div>
    </div>

    <div id="divbefore" class="dialog">
        <div class="dialog_title">
            <div class="dialog_title_l"><span>添加到购物车</span></div>
        </div>
        <div class="dialog_cartitem">正在添加到购物车……</div>
    </div>


    <div class="denru clearfix" id="loginForBuy" style="display:none">
        <div class="denru-1">
            <h2>您尚未登录，请登录</h2>
            <a href="#"><img id="imgCloseLogin" src="http://image.juseshop.com/images\/index/xxxx.png"></a>
        </div>
        <div class="denru1 clearfix">

            <div class="denru-2">
                <p><a href="/Register.aspx">免费注册>></a></p>
                <p>还不是商城用户？</p>
                <p>一分钟轻松注册，就可以方便购物！ </p>
            </div>
            <div class="denru-3">
                <p>用户名：</p>
                <p><input type="text" name="textfield" id="textfieldusername" class="login_tan_input1" /></p>
                <p>密  码：</p>
                <p>
                    <input type="password" name="textfield2" id="textfieldpassword" class="login_tan_input2" />
                </p>
                <p><a href="/ForgotPassword.aspx">忘记密码?</a></p>
            </div>
            <div class="denru-4">
                <a href="#" class="dllll"><input name="button" id="btnLoginAndBuy" type="button" value="登  录" /></a>
                <a href="#" class="nmgm"><input id="btnAmoBuy" type="button" value="匿名购买" /></a>
            </div>
        </div>
    </div>


    <div class="details_content_nav">
        <%<hi:wnxd_detailpageslocation runat="server" />%>
    </div>
    <div class="details_content_left">
        <div class="details_content_left_left">
            <div class="content_left_content">
                <%<hi:wnxd_productimages runat="server" />%>
                <!--<div class="product_btns_coll">
                    <%<hi:common_viewproduct_favorite runat="server"><img src="http://image.juseshop.com/images\/sub/sf_shoucang.jpg" /></hi:common_viewproduct_favorite>%>
                </div>-->
            </div>
            <div class="content_right_content">
                <div class="content_right_content_title">
                    <p><%<asp:literal id="litProductName" runat="server" />%></p>
                </div>
                <div class="content_right_content_price">
                    <p>
                        <b>¥<%<asp:label id="lblBuyPrice" runat="server" />%></b><em>原价：￥<%<hi:formatedmoneylabel id="lblMarkerPrice" runat="server" />%></em><i style="float:right;margin-top:13px;">
                            <img src="http://image.juseshop.com/images\/Index/awqegfewrg.png" width="12" height="12" /><!--<%<asp:HyperLink ID="scspLink" runat="server" Text="收藏商品" />%>-->
                            <a id="asc">收藏商品</a>
                            <!--<a href="/user/Favorites.aspx?ProductId=1129"><img src="http://image.juseshop.com/images\/Index/awqegfewrg.png" width="12" height="12" /> 收藏商品</a>-->
                        </i>
                    </p>

                </div>
                <div class="details_right_content_number">
                    <p>商品编号：<span><%<asp:literal runat="server" id="lblProductCode" />%></span></p>
                    <p>统计：月销量<span><%<asp:literal id="litSaleCounts" runat="server" />%></span>件 | 浏览次数<span><%<asp:literal id="litBrosedNum" runat="server" />%></span></p>
                    <p>物流：<span>库存<%<hi:stocklabel id="lblStock" runat="server" />%><%<asp:literal id="litUnit" runat="server" />%></span>（城市1~2日送达，乡镇2~5日送达）</p>
                    <div style="display: none;">商品货号：<span><%<hi:skulabel runat="server" id="lblSku" />%></span></div>
                </div>
                <div class="details_right_content_color">
                    <%<hi:skuselector runat="server" cssclass="Product_WareFun_bg" />%>
                </div>

                <div class="details_right_content_color">
                    <div class="color_left">
                        <p>数量：</p>
                    </div>
                    <div class="color_rights">
                        <a class="btn-reduce" onclick="add(1)">+</a>
                        <a class="btn-add" onclick="add(0)">-</a>
                        <%<hi:buyamountbox id="txtBuyAmount" cssclass="test" runat="server"></hi:buyamountbox>%>
                    </div>

                    <script type="text/javascript">

                        function add(i) {
                            var $s = $("#buyAmount");
                            if (i == 1) {
                                $s.val(parseInt($s.val()) + 1);
                            }
                            else {
                                var $z = $s.val();
                                if (parseInt($z) > 1) {
                                    $s.val(parseInt($z) - 1);
                                }
                            }
                            return false;
                        }
                        $(function () {
                            $(".details_plzx").css("border-top", "none");
                        });
                    </script>
                </div>
                <div class="details_right_content_shopping">
                    <input type="hidden" id="hiddenIsLogin" value="nologin">
                    <a class="shopping_one" id="buyButton" href="#">立即购买</a>
                    <a class="shopping_one1" id="addcartButton" href="#"><img src="http://image.juseshop.com/images\/index/gouwuche.png" />加入购物车</a>

                </div>
                <div class="details_right_content_way">
                    <div class="color_lefts">
                        <p>支付方式：</p>
                    </div>
                    <div class="color_rightss">
                        <ul>
                            <li><a href="#"><img src="http://image.juseshop.com/images\/index/peisong.jpg" />货到付款</a></li>
                            <li><a href="#"><img src="http://image.juseshop.com/images\/index/zhifubao.png" />支付宝</a></li>
                            <li><a href="#"><img src="http://image.juseshop.com/images\/index/yinlian.jpg" />银联支付</a></li>

                        </ul>
                    </div>

                </div>
                <div class="details_right_content_service">
                    <div class="color_leftssss"><span>客服热线 :</span><i> 400-0731-513</i></div>
                    <div class="color_rightssss"><span>短信订购 ：</span><i>153 9990 9969</i></div>
                </div>

            </div>
        </div>

        <div class="details_content_package" style="display:none">
            <div class="details_content_package_nav">
                <p>推荐搭配</p>
            </div>
            <div class="details_content_package_left">
                <ul>
                    <li>
                        <div class="details_content_package_tt"><a href="#"><img src="http://image.juseshop.com/images\/index/zuhetu.jpg" /></a></div>
                        <div class="details_content_package_title"><p><a href="#"><span>nomitang</span><i>【小资怡情】蓝鲸德国进口逍遥游</i><em>高级女用加</em></a></p></div>
                        <div class="details_content_package_xuanze"><input name="" type="checkbox" value="" /><span>￥99999</span></div>
                    </li>
                    <li>
                        <div class="details_content_package_tt"><a href="#"><img src="http://image.juseshop.com/images\/index/zuhetu.jpg" /></a></div>
                        <div class="details_content_package_title"><p><a href="#"><span>nomitang</span><i>【小资怡情】蓝鲸德国进口逍遥游</i><em>高级女用加</em></a></p></div>
                        <div class="details_content_package_xuanze"><input name="" type="checkbox" value="" /><span>￥99999</span></div>
                    </li>
                    <li>
                        <div class="details_content_package_tt"><a href="#"><img src="http://image.juseshop.com/images\/index/zuhetu.jpg" /></a></div>
                        <div class="details_content_package_title"><p><a href="#"><span>nomitang</span><i>【小资怡情】蓝鲸德国进口逍遥游</i><em>高级女用加</em></a></p></div>
                        <div class="details_content_package_xuanze"><input name="" type="checkbox" value="" /><span>￥99999</span></div>
                    </li>
                    <li class="abc">
                        <div class="details_content_package_tt"><a href="#"><img src="http://image.juseshop.com/images\/index/zuhetu.jpg" /></a></div>
                        <div class="details_content_package_title"><p><a href="#"><span>nomitang</span><i>【小资怡情】蓝鲸德国进口逍遥游</i><em>高级女用加</em></a></p></div>
                        <div class="details_content_package_xuanze"><input name="" type="checkbox" value="" /><span>￥99999</span></div>
                    </li>
                </ul>
            </div>
            <div class="details_content_package_right">
                <div class="details_content_package_leftt">=</div>
                <div class="details_content_package_leftt1">
                    <div class="details_content_package_leftt_top">
                        <p>商品总价：<span>￥999</span></p>
                        <p>组合价：<span>￥892</span></p>
                        <p>立即节省：<i>￥99</i></p>
                    </div>
                    <div class="details_content_package_leftt_bottom">
                        <a href="#">购买组合</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="details_content_introduce">
            <div class="details_content_introduce_nav">
                <ul id="wnxd_qh">
                    <li class="yyuo"><a href="javascript:wnxd_qh(0,'spxq');">商品介绍</a></li>
                    <li><a href="javascript:wnxd_qh(1,'spxq');">商品参数</a></li>
                    <li><a href="javascript:wnxd_qh(2,'yhpj');">用户评价</a><%<hi:wnxd_digitaldisplay runat="server" type="0" />%></li>
                    <li><a href="javascript:wnxd_qh(3,'spzx');">购买咨询</a><%<hi:wnxd_digitaldisplay runat="server" type="2" />%></li>
                    <li><a href="javascript:void(0);">售后服务</a></li>
                    <!--<li id="ljgm" style="background-color: #F87201; float:right; width:130px; height:30px; line-height:30px; text-align:center;color:#fff; font-size:18px;display:none;"><span>立即购买</span></li>-->
                    <li id="jrgwc" style="background: #ed145b;width: 150px;float: right;height: 35px;line-height: 35px;margin-top: -20px;text-align: center;color: #fff;font-size: 18px;"><span>加入购物车</span></li>
                </ul>
            </div>
            <div class="details_content_introduce_content">
                <div id="spxq">
                    <%<asp:literal id="litDescription" runat="server" />%>
                </div>
                <div id="yhpj" style="display: none; margin-top: 58px;">
                    <div class="details_content_introduce_contents">
                        <ul>
                            <li><a href="#">全部评价<span><!--（112）--></span></a></li>
                            <li class="jj_yy"><a href="#">好评<span><!--（112）--></span></a></li>
                            <!--<li><a href="#">中评<span>（112</span></a></li>
                            <li><a href="#">差评<span><（112）</span></a></li>-->
                        </ul>
                    </div>
                    <!--<div style="border-bottom: 1px solid #e0e0e0; height: 30px; margin-bottom: 10px;">
                        <div class="wnxd_fg">用户评价</div>
                    </div>-->
                    <div class="details_content_introduce_coop">
                        <ul>
                            <%
                            <hi:common_productreview runat="server" templatefile="/ascx/tags/Common_ViewProduct/Skin-Common_ProductReview.ascx" />%>
                        </ul>
                        <div class="details_plzx">
                            <span class="colorF"><%<asp:hyperlink id="hpkProductReviews" runat="server" cssclass="Product_b" />%></span>
                            <%<hi:common_viewproduct_review runat="server" cssclass="Product_a" />%>
                        </div>
                    </div>
                </div>
                <div id="spzx" style="display: none; margin-top: 58px;">
                    <div style="border-bottom: 1px solid #e0e0e0; height: 30px; margin-bottom: 10px;">
                        <div class="wnxd_fg">商品咨询</div>
                    </div>
                    <%<hi:common_productconsultations runat="server" templatefile="/ascx/tags/Common_ViewProduct/Skin-Common_ProductConsultations.ascx" maxnum="5" />%>
                    <div class="details_plzx">
                        <span class="colorF"><%<asp:hyperlink id="hpkProductConsultations" runat="server" cssclass="Product_b" />%></span>
                        <%<hi:common_viewproduct_consultation runat="server" cssclass="Product_a" />%>
                    </div>
                </div>
            </div>

        </div>
    </div>



    <div class="details_content_right">
        <div class="details_content_right_look">
            <div class="details_content_right_look1">
                <h2>看了又看</h2>
            </div>
            <div class="details_content_right_look2" style="display:block" id="details_content_right_look2">
                <%<hi:common_goodslist_new_browsed runat="server" />%>
            </div>


        </div>
        <div class="details_content_right_look">
            <div class="details_content_right_look1">
                <h2>同类热销排行</h2>
            </div>
            <div class="details_content_right_look2">
                <%<hi:wnxd_relatedproducts_new runat="server" maxnum="5" />%>
            </div>
        </div>
        <div class="details_content_right_look">
            <div class="details_content_right_look1">
                <h2>同类品牌推荐</h2>
            </div>
            <div class="details_content_right_look2">
                <%<hi:wnxd_Shopping_LiList id="SimilarProduct" runat="server" skinname="/ascx/tags/Common_GoodsList/wnxd_RecommendProductxq.ascx" />%>
            </div>
        </div>
    </div>


</div>
<!--热门品牌 -->
<div class="brand clearfix">
    <h4>热门品牌<em>HOT BRAND</em></h4>
    <ul>
        <li class="pingpai"><a href="/BrandAll.aspx" target="_blank"><p style="font-size:24px; text-indent:12px;">品牌推荐</p><p>Recommend</p></a></li>
        <li>
            <a href="/brand/brand_detail-15.htm" target="_blank" s>
                <span>&nbsp;<img data-original="http://image.juseshop.com/images\/index/pp1.png" /></span>
                <p>阿芙拉</p>
                <em>追求爱与美的选择</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-9.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp2.png" /></span>
                <p>德国 Nomitang</p>
                <em>一款值得称赞的德国品牌</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-85.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp3.png" /></span>
                <p>德国Funfactory </p>
                <em>德国第一情趣用品品牌</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-131.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp4.png" /></span>
                <p>杜蕾丝</p>
                <em>世界避孕套第一品牌</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-35.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp5.png" /></span>
                <p>冈本</p>
                <em>全球最顶级的安全套品牌</em>
            </a>
        </li>
        <li class="mr0">
            <a href="/brand/brand_detail-6.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp6.png" /></span>
                <p>姿妮</p>
                <em> 在世界范围内备受业内外瞩目</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-7.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp7.png" /></span>
                <p>诺兰</p>
                <em>您的私密伴侣与您同在！</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-3.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp8.png" /></span>
                <p>瑞典LELO </p>
                <em> 全球第一情趣用品品牌</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-8.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp9.png" /></span>
                <p>瑞典Picobong皮克朋</p>
                <em> LELO旗下中低端品牌</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-4.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp10.png" /></span>
                <p>深圳积之美</p>
                <em>国产情趣用品第一线</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-122.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp11.png" /></span>
                <p>史黛丝</p>
                <em>打造情趣内衣品牌Stacey</em>
            </a>
        </li>
        <li>
            <a href="/brand/brand_detail-1.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp12.png" /></span>
                <p>香港邦爱</p>
                <em>邦爱始于香港1978年</em>
            </a>
        </li>
        <li class="mr0">
            <a href="/brand/brand_detail-24.htm" target="_blank">
                <span>&nbsp;<img src="http://image.juseshop.com/images\/index/pp13.png" /></span>
                <p>香港宝狮</p>
                <em>1974年创立的准奢侈品品牌</em>
            </a>
        </li>
    </ul>
</div>
<!--热门品牌 -->
<style>
    .youqinlj {
        padding: 10px 0;
        margin: 10px 0;
    }

        .youqinlj a {
            display: inline-block;
            font-weight: normal;
            line-height: 30px;
        }

        .youqinlj h4 {
            font-size: 18px;
            display: inline-block;
            line-height: 25px;
            margin-left: 10px;
            float: left;
            width: 92px;
        }

    .youqinlj-1 {
        float: left;
        width: 1098px;
    }

    .brand {
        width: 1200px;
        margin-top: 20px;
        margin: 0 auto;
    }

        .brand h4 {
            font-size: 18px;
            color: #000;
        }

            .brand h4 em {
                font-size: 14px;
                color: #888888;
                font-weight: bold;
                margin-left: 10px;
            }

        .brand ul li.pingpai a {
            height: 70px;
            display: inline-block;
            width: 149px;
            color: #fff;
            font-size: 18px;
            background: url(http://image.juseshop.com/images\/index/dfhgeer.png) no-repeat 136px 38px #ed145b;
            text-align: left;
            padding-top: 40px;
            padding-left: 20px;
        }

        .brand ul li.pingpai p {
            line-height: 20px;
        }

        .brand ul li.pingpai {
            padding: 0;
            width: 169px;
        }

            .brand ul li.pingpai:hover {
                padding: 0;
                border: none;
            }

        .brand ul {
            float: left;
            margin-top: 10px;
        }

            .brand ul li {
                width: 165px;
                float: left;
                background: #fff;
                text-align: center;
                height: 106px;
                margin-right: 2px;
                margin-top: 2px;
                position: relative;
                padding: 2px;
            }

                .brand ul li.mr0 {
                    margin-right: 0;
                }

                .brand ul li span {
                    display: inline-block;
                    height: 80px;
                    line-height: 80px;
                }

                .brand ul li img {
                    vertical-align: middle;
                }

                .brand ul li p {
                    line-height: 30px;
                }

                .brand ul li em {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    background: #ed145b;
                    height: 30px;
                    line-height: 30px;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    color: #fff;
                    display: none;
                }

                .brand ul li:hover em {
                    display: block;
                }

                .brand ul li:hover {
                    border: 2px solid #ed145b;
                    padding: 0;
                }
</style>

<!--会员评价 -->
<div style="float:left;width:100%;margin-bottom: 20px;">
    <hi:yb_latestreview runat="server" />
</div>
<!--会员评价 -->
<input runat="server" id="hfpid" name="hfpid" type="hidden" />
<script type="text/javascript">
    (function () {
        $(".color_right li").click(function () {
            var $this = $(this);
            if ($this.hasClass("panduand")) {
                $this.removeClass("panduand");
            }
            else {
                $this.addClass("panduand");
            }
            return false;
        });
    })();
</script>
<script type="text/javascript">
    (function () {
        var $big_img = $(".big-img");
        $(".goods_left").click(function () {
            var $now = $(".img-thum.img-thum-active"),
                $prev = $now.prev();
            if ($prev.length == 0) return;
            $now.removeClass("img-thum-active");
            $big_img.attr("src", $prev.addClass("img-thum-active").children(".img-l").attr("src"));
        });
        $(".goods_right").click(function () {
            var $now = $(".img-thum.img-thum-active"),
                $next = $now.next();
            if ($next.length == 0) return;
            $now.removeClass("img-thum-active");
            $big_img.attr("src", $next.addClass("img-thum-active").children(".img-l").attr("src"));
        });
        $(".img-thum").hover(function () {
            $(".img-thum.img-thum-active").removeClass("img-thum-active");
            $big_img.attr("src", $(this).addClass("img-thum-active").children(".img-l").attr("src"));
        }, function () {
        });
        $big_img.wnxd_zoom();
    })();
</script>
<script src="http://res.juseshop.com/utility/product.helper.js" type="text/javascript"></script>
<script type="text/javascript">
    (function () {
        if (typeof (nowIndex) == "object") {
            var $sku = $(".SKUValueClass");
            for (var i = 0; i < nowIndex.length; i++) {
                SelectSkus($sku[nowIndex[i]]);
            }
        }
        var scroll_nav_index = $('.details_content_introduce_nav').offset().top;
        $(window).scroll(function () {
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (scrollTop >= scroll_nav_index) {
                $('.details_content_introduce_nav').css({
                    "position": "fixed",
                    "top": "0px",
                    "z-index": 9999
                });
                $('.details_content_introduce_nav li#ljgm').css("display", "block");
                $(".details_content_introduce_nav li#jrgwc").css("display", "block");
            }
            else {
                $('.details_content_introduce_nav').css({
                    "position": "",
                    "top": ""
                });

                $('.details_content_introduce_nav li#ljgm').css("display", "");
                $(".details_content_introduce_nav li#jrgwc").css("display", "");
            }
        });
        var $li = $("#wnxd_qh").children("li"),
            $list = $(".details_content_introduce_content").children("div");
        window.wnxd_qh = function (index, id) {
            var $this = $li.eq(index);
            if (!$this.hasClass("yyuo")) {
                $(".yyuo").removeClass("yyuo");
                $this.addClass("yyuo");
                $list.hide();
                $("#" + id).show();
            }
        };
        $('#asc').click(function () {
            AddFavorite($("#hfpid").val());
            return false;
        }).css("cursor", "pointer");
    })();
    function AddFavorite(pid) {
        $.ajax({
            url: "/API/VshopProcess.ashx",
            type: 'post', dataType: 'json', timeout: 10000,
            data: {
                ProductId: pid,
                action: "AddFavorite",
            },
            success: function (resultData) {
                if (resultData.success) {
                    alert("收藏成功");
                }
                else {
                    alert(resultData.msg);
                }
            }
        });
    }
    $.post("/API/History.aspx", "productId=" + /\d+/.exec(location.pathname)[0], function (e) {
        if ($.trim(e) != ""){
            $("#details_content_right_look2").children("ul").html(e);
        }
    });
</script>
<script type="text/javascript" src="http://res.juseshop.com/utility/wnxd_staticsync.js"></script>
<%<hi:common_new_footer runat="server" />%>